/*
  学习目标：绑定事件
  语法： on+驼峰事件 = {函数}
  注意： 事件绑定的一定是函数， 而不能是函数的调用
 
*/

import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <>
        <button
          // 1. 少量代码， 用箭头函数简写
          onClick={() => this.handleClick()}
        >
          App
        </button>
        <button
          // 2. 多行代码， 自定义处理函数
          onClick={this.handleClick}
        >
          App
        </button>
      </>
    );
  }

  handleClick() {
    console.log('123  ----->  ', 123);
    alert('点我');
  }
}
